<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>百信康（杭州）医疗供应链管理有限公司</title>
  <link href="RemixIcon-master/fonts/remixicon.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="gradient-header">
  <div class="container header-content">
    <div class="logo-title">
      <h1 class="company-title">百信康（杭州）医疗供应链管理有限公司</h1>
    </div>
    <a href="http://crm.baixinkangmedical.com/" target="_blank">
      <button class="login-btn">登录</button>
    </a>
  </div>
</header>

<main class="flex-grow">
  <div class="carousel">
    <div class="carousel-inner">
      <div class="carousel-item">
        <img src="img/hezuo.png" alt="合作" >
        <div class="carousel-overlay">
          <h2 class="carousel-title">严选</h2>
        </div>
      </div>
      <div class="carousel-item">
        <img src="img/zhiliangfangzhen2.png" alt="团队协作">
        <div class="carousel-overlay">
          <h2 class="carousel-title">严选</h2>
        </div>
      </div>
      <div class="carousel-item">
        <img src="img/e26d317d461b8b69ae13d2980eb0274e.jpg" alt="研发实验室">
        <div class="carousel-overlay">
          <h2 class="carousel-title">严选</h2>
        </div>
      </div>
    </div>

    <div class="carousel-indicators"></div>
    <button class="carousel-btn prev" onclick="moveCarousel(-1)">
      <i class="ri-arrow-left-s-line"></i>
    </button>
    <button class="carousel-btn next" onclick="moveCarousel(1)">
      <i class="ri-arrow-right-s-line"></i>
    </button>
  </div>

  <section class="services">
    <div class="container">
      <h2 class="services-title">企服
      </h2>
        <a href="pdf/kaifa.pdf" target="_blank" class="pdf-button-a">
            <button class="button-other">其他服务</button>
        </a>

      </div>

      <div class="products-carousel">
        <div class="products-carousel-inner">
          <div class="products-carousel-item active">
            <div class="products-grid">
              <div class="product-card">
                <img src="img/xitongkaifa.jpg" alt="软件开发">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">软件开发</h3>
                    <a href="pdf/kaifa.pdf"  target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/yaoxiewuliu.png" alt="药械物流">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">药械物流</h3>
                    <a href="pdf/wuliu.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/dailijizhang.png" alt="代理记账">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">代理记账</h3>
                    <a href="pdf/caiwu.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/yuangongzhaopin.png" alt="员工招聘">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">员工招聘</h3>
                    <a href="pdf/renli.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/falv.jpg" alt="法律咨询">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">法律咨询</h3>
                    <a  href="pdf/falv.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="products-carousel-item">
            <div class="products-grid">
              <div class="product-card">
                <img src="img/AIbushu.png" alt="AI部署">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">AI部署</h3>
                    <a href="pdf/kaifa.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/keshizhuansong.jpeg" alt="科室专送">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">科室专送</h3>
                    <a href="pdf/wuliu.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/nashuichouhua.jpg" alt="纳税筹划">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">纳税筹划</h3>
                    <a href="pdf/caiwu.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/yuangongzhaopin.png" alt="人才引进">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">人才引进</h3>
                    <a href="pdf/renli.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
              <div class="product-card">
                <img src="img/falv.jpg" alt="风险防控">
                <div class="product-info">
                  <div style="display: flex;justify-content: space-between;algign-items: center;">
                    <h3 class="product-title">风险防控</h3>
                    <a href="pdf/falv.pdf" target="_blank" class="pdf-button-a">
                      <button class="pdf-button">收费标准</button>
                    </a>
                  </div>
                </div>
              </div>
          </div>
        </div>
        <div class="products-carousel-indicators"></div>
        <button class="products-carousel-btn prev" onclick="moveProductsCarousel(-1)">
          <i class="ri-arrow-left-s-line"></i>
        </button>
        <button class="products-carousel-btn next" onclick="moveProductsCarousel(1)">
          <i class="ri-arrow-right-s-line"></i>
        </button>
      </div>

    </div>
  </section>
</main>

<footer class="footer">
  <div class="container footer-grid">
    <div class="footer-section">
      <h3>联系我们</h3>
      <ul class="footer-list">
        <li><i class="ri-phone-line"></i> 电话：133-8998-8092</li>
        <li><i class="ri-mail-line"></i> 邮箱：service@baixinkangmedical.com</li>
        <li style="width: 550px;"><i class="ri-map-pin-line mr-2" ></i>地址：浙江省杭州市临平区塘栖镇龙船坞路121号1幢4层401室</li>
      </ul>
    </div>
    <div class="footer-section">
      <h3>免责宣告</h3>
      <ul class="footer-list">
        <li><a href="mzsm.html" target="_blank">免责声明</a></li>
      </ul>
    </div>
    <div class="footer-section">
      <h3>版权信息</h3>
      <p class="copyright">© 2025 百信康（杭州）医疗供应链管理有限公司 版权所有</p>
      <p class="copyright">浙ICP备2024129047号</p>
    </div>
  </div>
</footer>

<script>
  let currentSlide = 0;
  let productsCurrentSlide = 0;

  function updateCarousel() {
    const carouselInner = document.querySelector('.carousel-inner');
    const indicators = Array.from(document.querySelectorAll('.carousel-indicator'));
    carouselInner.style.transform = `translateX(-${currentSlide * 100}%)`;
    indicators.forEach((indicator, index) => {
      indicator.classList.toggle('active', index === currentSlide);
    });
  }

  function moveCarousel(direction) {
    const slideCount = document.querySelectorAll('.carousel-item').length;
    currentSlide = (currentSlide + direction + slideCount) % slideCount;
    updateCarousel();
  }

  function moveProductsCarousel(direction) {
    const slides = document.querySelectorAll('.products-carousel-item');
    slides.forEach(slide => slide.classList.remove('active'));
    productsCurrentSlide = (productsCurrentSlide + direction + slides.length) % slides.length;
    slides[productsCurrentSlide].classList.add('active');
    updateProductsIndicators();
  }

  function updateProductsIndicators() {
    const indicators = document.querySelectorAll('.products-carousel-indicator');
    indicators.forEach((indicator, index) => {
      indicator.classList.toggle('active', index === productsCurrentSlide);
    });
  }

  function setupCarousels() {
    // Main carousel setup
    const mainIndicators = document.querySelector('.carousel-indicators');
    const mainSlideCount = document.querySelectorAll('.carousel-item').length;

    for (let i = 0; i < mainSlideCount; i++) {
      const indicator = document.createElement('div');
      indicator.classList.add('carousel-indicator');
      if (i === 0) indicator.classList.add('active');
      indicator.addEventListener('click', () => {
        currentSlide = i;
        updateCarousel();
      });
      mainIndicators.appendChild(indicator);
    }

    // Products carousel setup
    const productsIndicators = document.querySelector('.products-carousel-indicators');
    const productsSlideCount = document.querySelectorAll('.products-carousel-item').length;

    for (let i = 0; i < productsSlideCount; i++) {
      const indicator = document.createElement('div');
      indicator.classList.add('products-carousel-indicator');
      if (i === 0) indicator.classList.add('active');
      indicator.addEventListener('click', () => {
        const slides = document.querySelectorAll('.products-carousel-item');
        slides.forEach(slide => slide.classList.remove('active'));
        productsCurrentSlide = i;
        slides[productsCurrentSlide].classList.add('active');
        updateProductsIndicators();
      });
      productsIndicators.appendChild(indicator);
    }

    // Auto rotation
    setInterval(() => moveCarousel(1), 5000);
    setInterval(() => moveProductsCarousel(1), 6000);
  }

  document.addEventListener('DOMContentLoaded', setupCarousels);
</script>
</body>
</html>
